<template>
	<!-- 顶部导航栏 -->
	<navbar-bg text="个人中心" :isback="false">
		<!-- <view style="height: 200rpx;width: 300rpx;"></view> -->
		<template v-slot class="padding-lr-com">
			<view style="height: 340rpx;">
				<view class="profile-picture">
					<view class="picture-name" @click="getLogin">
						<image :src="form.value.avatarUrl?imgURL2+form.value.avatarUrl:imgURL3+'shop/cloth.png'"
							style="width: 65px; height: 65px;border-radius: 50%;" mode="aspectFill">
						</image>
						<view>
							<view class="picname text-white text-xxl margin-left-sm" style="width:80%;overflow:hidden;">
								{{form.value.nickName?form.value.nickName:""}}
							</view>
							<view class='pictext text-xs margin-left-sm margin-top-xs'>这个人很懒，什么都没说</view>
						</view>
					</view>
					<uni-icons @click="getLogin" style="margin-top: 20px;" type="right" size="30"
						color='#fff'></uni-icons>
				</view>
			</view>
		</template>
	</navbar-bg>
	<!-- 积分信息卡片开始 -->
	<view v-if="form.value.role===1" style="width: 100%; height: 350rpx; margin-top: -170rpx; position:relative;">
		<image :src='imgURL3+"/me/me/bg.png"' style="width: 100%;height: 200px;"></image>
		<view style="position: absolute; top:0; left:0;">
			<!-- 			<view class="integral-box">
					<view class="integral">
						<view class="text-df text-bold">可用积分:</view>
						<view class="iconbox"></view>
					</view>
					<view class="integral-number text-red text-bold text-xxl">{{point}}</view>
					<view class="integral">
						<view class="text-df text-bold">累计积分:</view>
						<view class="iconbox"></view>
					</view>
					<view class="integral-number text-red text-bold text-xxl">{{workHour}}</view>
			</view> -->
			<view style="padding: 36px 12px 15px 32px; display: flex;">
				<image src="../../static/image/index/love.png" style="width: 30px;height: 30px;"></image>
				<view style="margin-left: 10px;">
					<view class="flex-row">
						<view>
							<view class="text-xl text-bold" style="margin-top: -10px;">可用积分:</view>
							<!-- <view class="iconbox"></view> -->
						</view>
						<view class="text-red text-bold text-xxl" style="margin-top: -10px;margin-left: 10px;">
							{{parseInt(point)}}
						</view>
					</view>
					<view class="flex-row" style="margin-top: 10px;">
						<view>
							<view class="text-df text-bold">累计积分:</view>
							<!-- <view class="iconbox"></view> -->
						</view>
						<view class="text-red text-bold text-xxl" style="margin-top: -5px;margin-left: 10px;">
							{{parseInt(workHour)}}
						</view>
					</view>
				</view>
				<view @click="open_pop"
					style="width: 90px;height: 30px;color: #fff;background-color: #DE483D;display: flex;justify-content: center;align-items: center;border-radius: 4px; margin: 10px 10px 0 50px;">
					积分支付
				</view>
			</view>

			<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0" background-color="#ffffff">
				<view class="bg-white  text-df">
					<view style="text-align: right;" class="padding-xs">
						<uni-icons type="closeempty" size="20" @click="colse_pop"></uni-icons>
					</view>
					<view style="text-align: center; padding: 10rpx 60rpx 40rpx;" class="  ">
						<view class="text-bold">
							<text class="margin-right-xs">可用积分:</text>
							<text class="theme-color ">{{parseInt(point)}}</text>
						</view>
						<view class="text-bold margin-top-lg" style="">支付二维码</view>
						<image style="width: 350rpx; height: 350rpx;" class=""
							:src="imgURL+'/'+Integral.form.exchangeCode">
						</image>
						<view class="text-sm text-mid flex-row" style="justify-content: center;">
							<uni-icons type="close" size="18"></uni-icons>
							<view class="">未扫码</view>
						</view>
					</view>
				</view>
			</uni-popup>


			<view class="information-box" style="display: flex;justify-content: space-between;">
				<view class="information-box-left">
					<view @click="toteam" class="information-box-left-iocn">
						<image :src="imgURL3+'me/me/home.png'" style="width: 25px;height: 25px;"></image>
						<view class="text-df text-bold" style="margin: 5px 0 0 10px;">星星之家</view>
					</view>
					<view class="information-box-left-iocn" style="margin-top: 10px;">
						<image :src="imgURL3+'me/me/join-time.png'" style="width: 25px;height: 25px;"></image>
						<view class="text-df text-bold margin-left-sm" style="margin: 5px 0 0 10px;">加入时间:</view>
						<view class=" text-df text-bold" style="margin-top: 5px;">{{form.value.joinDatetime}}</view>
					</view>
				</view>
				<!-- 				<view class="information-box-right" style="margin-left: 10px;">
					<view class="text-df text-bold">我的工时:
					</view>
					<view class="text-red text-bold text-xxl margin-top-xs margin-left-xs">{{form.value.workHours}}
					</view>
				</view> -->
			</view>
		</view>
	</view>
	<view v-if="form.value.role===0" style="width: 100%; height: 350rpx; margin-top: -170rpx; position:relative;">
		<image :src='imgURL3+"/me/me/bg.png"' style="width: 100%;height: 200px;"></image>
		<view style="position: absolute; top:0; left:0;">
			<view style="margin: 40px;">
				<view style="display: flex;justify-content: space-between;">
					<view class="information-box-left-iocn">
						<image :src="imgURL3+'me/me/zs.png'" style="width: 25px;height: 25px;"></image>
						<view v-if="rolestore === null" class="text-bold" style="margin: 0 0 0 10px; font-size: 16px;">
							未加入志愿者</view>
						<view v-if="rolestore ===0" class="text-bold" style="margin: 0 0 0 10px; font-size: 16px;">待审核
						</view>
					</view>
					<view v-if="rolestore === null" class="flex-row" style="margin-left: 60px;" @click="toJoinme">
						<view class="text-bold text-lg text-red">加入志愿者</view>
						<image src="../../static/image/activity/lujin.png"
							style="width: 9px;height: 12px;margin-left: 5px;margin-top: 5px;"></image>
					</view>
				</view>
				<view>
					<view class="text-df text-bold" style="margin-top: 45px;">红色基因代代传，你有困难我来帮</view>
					<view class="text-sm margin-top-xs">收集困难群众诉求，千方百计想办法解决</view>
				</view>
			</view>
		</view>
	</view>
	<!-- 积分信息卡片结束 -->
	<!-- 我的兑换模块开始 -->
	<view class="cart-line">
		<view class="straightline"></view>
		<view class="text-xl text-bold margin-left-xs">我的兑换</view>
	</view>
	<view class="cart-box display-flex">
		<view class="cart-box-1" @click="to_myExchang(1)">
			<image :src="imgURL3+'me/me/jiaohu.png'" style="width: 27px;height: 27px; margin: 16px 20px">
			</image>
			<view class="text-lg margin-top-sm">待取</view>
			<uni-icons style=" margin:20px 10px 0 20px;" size="16" type="right"></uni-icons>
		</view>
		<view class="cart-box-2" @click="to_myExchang(2)">
			<image :src="imgURL3+'me/me/address.png'" style="width: 27px;height: 27px; margin: 16px 20px">
			</image>
			<view class="text-lg margin-top-sm">已取</view>
			<uni-icons style=" margin:20px 10px 0 20px;" size="16" type="right"></uni-icons>
		</view>
	</view>
	<!-- 我的兑换模块结束 -->
	<!-- 我的订单模块开始 -->
	<view class="cart-line" style="margin-top: 40px;">
		<view class="straightline"></view>
		<view class="text-xl text-bold margin-left-xs">我的订单</view>
	</view>
	<view class="margin-top-xs grid-padd">
		<uni-grid :column="4" :showBorder="false" :square="false" :highlight="false" @change="to_order">
			<uni-grid-item :index="1" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/non-payment.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">待付款</view>
			</uni-grid-item>
			<uni-grid-item :index="2" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/wait.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">待发货</view>
			</uni-grid-item>
			<uni-grid-item :index="3" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/wait_goods.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">待收货</view>
			</uni-grid-item>
			<uni-grid-item :index="4" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/refund.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">退款</view>
			</uni-grid-item>
		</uni-grid>
	</view>
	<!-- 我的订单模块结束 -->
	<!-- 其他功能模块开始 -->
	<view class="cart-line">
		<view class="straightline"></view>
		<view class="text-xl text-bold margin-left-xs">其他功能</view>
	</view>
	<view v-if="form.value.role===1" class="margin-top-xs grid-padd">
		<uni-grid :column="4" :showBorder="false" :square="false" :highlight="false" @change="getserveChange">
			<uni-grid-item :index="0" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/team.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">志愿团队</view>
			</uni-grid-item>
			<uni-grid-item :index="1" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/address.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">收货地址</view>
			</uni-grid-item>
			<uni-grid-item :index="2" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/point.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">工时积分</view>
			</uni-grid-item>
			<uni-grid-item :index="3" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/compose.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">活动记录</view>
			</uni-grid-item>
		</uni-grid>
	</view>
	<view v-if="form.value.role===0" class="margin-top-xs grid-padd">
		<uni-grid :column="4" :showBorder="false" :square="false" :highlight="false" @change="serveChange">
			<uni-grid-item :index="0" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/team.png'" class="margin-auto" style="width: 35px; height: 35px;"></image>
				<view class="margin-top-xs text-df">志愿团队</view>
			</uni-grid-item>
			<uni-grid-item :index="1" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/penpor.png'" class="margin-auto" style="width: 35px; height: 35px;"></image>
				<view class="margin-top-xs text-df">志愿申请</view>
			</uni-grid-item>
			<uni-grid-item :index="2" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/address.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">收货地址</view>
			</uni-grid-item>
			<uni-grid-item :index="3" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/compose.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">问题反馈</view>
			</uni-grid-item>
		</uni-grid>
		<uni-grid :column="4" :showBorder="false" :square="false" :highlight="false" @change="serveChange">
			<uni-grid-item :index="4" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image :src="imgURL3+'me/me/team.png'" class="margin-auto" style="width: 35px; height: 35px;"></image>
				<view class="margin-top-xs text-df">队伍管理</view>
			</uni-grid-item>
		</uni-grid>
	</view>
	<view v-if="form.value.role===2" class="grid-padd">
		<uni-grid :column="4" :showBorder="false" :square="false" :highlight="false" @change="voluntget">
			<uni-grid-item :index="0" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<image src="../../static/icons/p1.png" class="margin-auto" style="width: 35px; height: 35px;"></image>
				<view class="margin-top-xs text-df">队伍管理</view>
			</uni-grid-item>
			<uni-grid-item :index="1" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<!-- 				<image :src="imgURL3+'me/me/penpor.png'" class="margin-auto" style="width: 35px; height: 35px;"></image>
				<view class="margin-top-xs text-df">志愿申请</view> -->
			</uni-grid-item>
			<uni-grid-item :index="2" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<!-- 				<image :src="imgURL3+'me/me/address.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">收货地址</view> -->
			</uni-grid-item>
			<uni-grid-item :index="3" class="padding-tb-xs" style="text-align: center; vertical-align: middle;">
				<!-- 				<image :src="imgURL3+'me/me/compose.png'" class="margin-auto" style="width: 35px; height: 35px;">
				</image>
				<view class="margin-top-xs text-df">问题反馈</view> -->
			</uni-grid-item>
		</uni-grid>
	</view>
	<!-- 其他功能模块结束 -->
	<!-- 归属地开始 -->
	<view style="font-size: 12px;color: #8E8E8E; height: 150px;text-align: center;margin-top: 200rpx;">
		<view>主办单位：萍乡市安源数字投资有限公司</view>
		<!-- 		<view>建设指导：萍乡市安源数字投资有限公司</view>
		<view>技术支持：江西企融数字科技有限公司</view> -->
	</view>
	<!-- 归属地结束 -->

	<!-- 弹窗 -- 志愿者-->
	<uni-popup ref="popupTo" type="center" border-radius="10px 10px 0 0">
		<image src="../../static/image/me/love.png" class=""
			style="width: 195rpx; height: 130rpx; position: absolute; margin: 0 0 0 5%;" mode="aspectFill"></image>
		<view class="bg-white text-df" style="width: 70%; margin: 50rpx 13% 0; border-radius: 15rpx;">
			<view style="text-align: right;" class="padding-xs">
				<uni-icons type="closeempty" size="20" @click="close_popupTo"></uni-icons>
			</view>
			<view style="width: 86%; margin: auto; background-image: url(../../static/image/me/love-bg.png);background-repeat:no-repeat;
			background-size:auto; background-position:  bottom 140rpx; " class="">
				<view style="" class="text-bold text-lg">尊敬的用户，您是否愿意成为一名光荣的志愿者？</view>
				<view class="text-lg text-mid margin-top-sm">
					<view class="flex-row" style="width: 100%;">
						<view class=""
							style=" background-color: #DE483D;width: 40rpx;height: 40rpx;border-radius: 50%; margin-right: 10rpx;">
							<view class="iconfont icon-ico text-white"
								style="font-size: 30rpx;line-height: 40rpx; text-align: center"></view>
						</view>
						<view style="width: 88%;">成为志愿者，您将有机会参与各类公益活动，奉献爱心，传递温暖，为社会贡献自己的力量。</view>
					</view>
					<view class="flex-row margin-top-xs" style="width: 100%;">
						<view
							style=" background-color: #DE483D;width: 40rpx;height: 40rpx;border-radius: 50%; margin-right: 10rpx;">
							<view class="iconfont icon-ico text-white"
								style="font-size: 30rpx;line-height: 40rpx; text-align: center"></view>
						</view>
						<view style="width: 88%;">您的服务工时可兑换慈善超市的商品和服务。</view>
					</view>
				</view>
				<view style="height: 20px;"></view>
				<view style="background-color: #DE483D; border-radius: 40rpx; padding: 15rpx 0; text-align: center;"
					class="text-white margin-tb-sm" @click="to_registVol">我要注册
				</view>
				<view style="height: 10px;"></view>
			</view>
		</view>
	</uni-popup>

	<!-- 弹窗--加入队伍 -->
	<uni-popup ref="message" type="dialog">
		<uni-popup-dialog type="base" cancelText="关闭" confirmText="同意" title="是否加入志愿队伍" @confirm="dialogConfirm"
			@close="dialogClose"></uni-popup-dialog>
	</uni-popup>

</template>

<script setup lang="ts">
	import { ref, reactive } from 'vue';
	import { onShow, onPullDownRefresh, onLoad } from "@dcloudio/uni-app"
	import { userinfo, workHourinfo, volunteer, getIntegralCode } from '../../api/myhome/login';
	import { imgURL3, imgURL2, imgURL } from '../../api/request'
	import store from '../../store/login';

	onShow(() => {
		rolestore.value = null
		if (uni.getStorageSync('token')) {
			userinfo().then(res => {
				form.value = res.data;
				// 在数据完全加载后更新页面数据
				uni.setStorageSync('phone', res.data.account)
				uni.setStorageSync('openId', res.data.openId)
				uni.setStorageSync('role', res.data.role)
				form.value.nickName = form.value.nickName.slice(0, 8)
				console.log(form.value, '++++++++')
				if (form.value.role === 0 && uni.getStorageSync('num') === 0) {
					console.error('111111')
					//是否是志愿者
					setTimeout(() => {
						open_popupTo()
					}, 500)
					uni.setStorageSync('num',1)
				} else {
					workHourinfo().then(res => {
						workHour.value = res.data.workHour
						point.value = res.data.point
					})
					team_num.value++
					if (team_num.value == 1) {
						team_pop()
					}
				}
			}).catch(error => {
				console.error('获取用户信息失败:', error);
			})

			volunteer().then(res => {
				if (res.data !== null) {
					rolestore.value = res.data.status
				}

			})
		} else {
			form.value = {
				nickName: '未登陆',
				text: '这个人很懒，什么都没说',
				integral: 1299,
				time: '2024-4-23',
				workhours: 568,
				role: 0,
				realNameAuthenticated: 0
			}
		}
	})

	onLoad(() => {
		uni.setStorageSync('num', 0)
		// setTimeout(() => {
		// 	open_popupTo()
		// }, 500)
		// if (uni.getStorageSync('token')) {
		// 	if (form.value.teamList == null || form.value.teamList.length == 0) {
		// 		console.log('志愿队伍')
		// 		//未加入队伍
		// 		setTimeout(() => {
		// 			open_message()
		// 		}, 500)
		// 	}
		// }
	})

	let rolestore = ref(null);

	onPullDownRefresh(() => {
		userinfo().then(res => {
			console.log('获取用户信息成功');
			form.value = res.data; // 在数据完全加载后更新页面数据
			console.log(form.value, '++++++++')
		}).catch(error => {
			console.error('获取用户信息失败:', error);
		})
	})

	//加入志愿队伍弹窗次数
	const team_num = ref(0)
	//判断弹窗
	const team_pop = () => {
		if (form.value.teamList == null || form.value.teamList.length == 0) {
			console.log('志愿队伍')
			//未加入队伍
			setTimeout(() => {
				open_message()
			}, 500)
		}
	}

	//弹窗
	const popup = ref(null)
	const Integral = reactive({
		form: {}
	})
	//打开弹出
	const open_pop = () => {
		popup.value.open()
		getIntegralCode().then((res : any) => {
			Integral.form = res.data
			console.log(Integral.form)
		})
	}

	const colse_pop = () => {
		popup.value.close()
	}

	let form = reactive({
		value: {
			nickName: '未登陆',
			text: '这个人很懒，什么都没说',
			integral: 1299,
			time: '2024-4-23',
			workhours: 568,
			role: 0,
			realNameAuthenticated: 0
		}
	});
	let workHour = ref(0);
	let point = ref(0);
	const Unrecognized = () => {
		uni.navigateTo({
			url: ("/pages/me/UnrecognizedName")
		})
	}
	const getLogin = () => {
		if (uni.getStorageSync('token')) {
			uni.navigateTo({
				url: '/pages/me/setme'
			})
		} else {
			uni.redirectTo({
				url: '/pages/login/login'
			})
			// uni.redirectTo({
			// 	url: '/pages/login/register'
			// })
		}

	}
	// 跳转队伍管理
	const voluntget = () => {
		uni.navigateTo({
			url: '../voluntget/active'
		})
	}
	// 跳转我的兑换
	const to_myExchang = (index) => {
		if (store.state.token != '') {
			uni.navigateTo({
				url: '/pages/mines/my_exchange/my_exchange?index=' + index
			})
		} else {
			store.loginTip()
		}
	}
	// 跳转到加入自愿者
	const toJoinme = () => {
		if (uni.getStorageSync('token')) {
			uni.navigateTo({
				url: '/pages/volunteer/index'
			})
		} else {
			store.loginTip()
		}

	}
	// 跳转我的订单
	const to_order = (e) => {
		const index = JSON.parse(JSON.stringify(e)).detail.index
		if (store.state.token != '') {
			uni.navigateTo({
				url: '/pages/mines/my_order/my_order?index=' + index
			})
		} else {
			store.loginTip()
		}
		// uni.showToast({
		// 	title: '功能正在开发中...',
		// 	icon: 'none',
		// 	duration: 2000
		// });
	}
	//
	const getserveChange = (e : Object) => {
		const index = JSON.parse(JSON.stringify(e)).detail.index
		console.log(index, '1111111222222222222222222')
		if (uni.getStorageSync('token') != '') {
			if (index == 3) {
				//加入志愿者
				uni.navigateTo({
					url: '/pages/index/activity'
				})
			} else if (index === 0) {
				// uni.navigateTo({
				// 	url: '/pages/index/volunteer'
				// })
				uni.navigateTo({
					url: '/pages/volunteer/index'
				})
			} else if (index === 2) {
				uni.navigateTo({
					url: '/pages/exchange/point_detail'
				})
			} else if (index === 1) {
				uni.navigateTo({
					url: '/pages/shop/address'
				})
			} else {
				uni.showToast({
					title: '功能正在开发中...',
					icon: 'none',
					duration: 2000
				});
			}
		} else {
			store.loginTip()
		}
	}
	// 跳转队伍页面
	const toteam =()=>{
		uni.navigateTo({
			url:'../mines/team/my_team'
		})
	}
	// 工具栏点击
	const serveChange = (e : Object) => {
		const index = JSON.parse(JSON.stringify(e)).detail.index

		// if (index == 0) {
		// 	// 慈善活动
		// 	uni.switchTab({
		// 		url: '/pages/active/active'
		// 	})
		// } else
		if (store.state.token != '') {
			if (index == 1) {
				//加入志愿者
				uni.navigateTo({
					url: '/pages/me/joinMe'
				})
			} else if (index == 0) {
				// uni.navigateTo({
				// 	url: '/pages/index/volunteer'
				// })
				uni.navigateTo({
					url: '/pages/volunteer/index'
				})
			} else if (index == 2) {
				uni.navigateTo({
					url: '/pages/shop/address'
				})
			} else if (index == 3) {
				// 问题反馈
				uni.navigateTo({
					url: '/pages/me/feedback'
				})
			} else if (index === 4) {
				uni.navigateTo({
					url: '/pages/teamManage/index'
				})
			} else {
				uni.showToast({
					title: '功能正在开发中...',
					icon: 'none',
					duration: 2000
				});
			}
		} else {
			store.loginTip()
		}
		//  else if (index == 2) {
		// 	//志愿队伍
		// 	uni.navigateTo({
		// 		url: '/pages/index/volunteer'
		// 	})
		// } else if (index == 3) {
		// 	//慈善超市
		// 	uni.switchTab({
		// 		url: '/pages/exchange/exchange'
		// 	})
		// }

	}

	//是否加入志愿者弹窗
	const popupTo = ref(null)

	//打开弹出
	const open_popupTo = () => {
		popupTo.value.open()
	}

	//关闭弹窗
	const close_popupTo = () => {
		popupTo.value.close()
	}

	const message = ref(null)

	//打开弹窗
	const open_message = () => {
		message.value.open()
	}

	//是否加入志愿者队伍弹窗
	const dialogConfirm = () => {
		message.value.close()
		uni.navigateTo({
			url: '/pages/volunteer/index'
		})
	}

	const dialogClose = () => {
		console.log('点击关闭')
	}

	//跳转注册志愿者
	const to_registVol = () => {
		popupTo.value.close()
		uni.navigateTo({
			url: '/pages/mines/regist_volunteer/regist_volunteer'
		})
	}
</script>

<style>
	.profile-picture {
		height: 250px;
		padding: 26px;
		display: flex;
		justify-content: space-between;
	}

	.picture-name {
		display: flex;
	}

	.pictext {
		margin-top: 15px;
		color: rgba(77, 69, 69, 0.55);
	}

	.integral-box {
		display: flex;
	}

	.integral {
		padding: 36px 12px 25px 32px;
	}

	.information-box {
		width: 100%;
		padding-left: 32px;
		display: flex;
		justify-content: space-between;
	}

	.information-box-right {
		margin: 5px 32px 0 0;
	}

	.information-box-left-iocn {
		display: flex;
	}

	.integral-number {
		margin-top: 30px;
	}

	.iconbox {
		height: 8px;
		width: 58px;
		margin-top: -6px;
		background: linear-gradient(to right, #FE4505, #F79E90, #FBEDE1);
		border-radius: 4px 0 0 4px;
	}

	.cart-line {
		margin: 30px 30px 0 30px;
		display: flex;
	}

	.straightline {
		height: 26px;
		width: 0;
		border: 1px solid #EE3F4D;
	}

	.cart-box {
		display: flex;
		padding: 0 15px 0 15px;
	}

	.cart-box-1 {
		display: flex;
		width: 180px;
		height: 60px;
		border-radius: 15px;
		margin: 23px 0 0 0;
		background-color: #fff;
		box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
	}

	.cart-box-2 {
		display: flex;
		width: 180px;
		height: 60px;
		border-radius: 15px;
		margin: 23px 0 0 10px;
		background-color: #fff;
		box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
	}

	.grid-padd {
		padding: 10px;
	}
</style>
